<template>
	<view class="content">
		
			<uni-list><h5>视频下载清晰度</h5><h5 class="qingxidu">流畅 |</h5><h5 class="gaoqing">  高清</h5></uni-list>
			<uni-list><h5>视频自动连续播放</h5>
			<view class="uni-padding-wrap uni-common-mt" >
			          <view class="uni-list-cell uni-list-cell-pd" style="display: flex;float: right;line-height: 50px;">
			                          <view class="uni-list-cell-db" style="line-height: 40px;"></view>
			                          <switch checked color="#18B566" />
			          </view>
			</view ></uni-list>
			<uni-list><h5>允许使用2G/3G/4G网络观看视频</h5>
			<view class="uni-padding-wrap uni-common-mt" >
			          <view class="uni-list-cell uni-list-cell-pd" style="display: flex;float: right;line-height: 50px;">
			                          <view class="uni-list-cell-db" style="line-height: 40px;"></view>
			                          <switch checked color="#18B566" />
			                      </view>
			</view ></uni-list>
			<uni-list><h5>允许使用2G/3G/4G网络下载视频</h5>
			<view class="uni-padding-wrap uni-common-mt" >
			          <view class="uni-list-cell uni-list-cell-pd" style="display: flex;float: right;line-height: 50px;">
			                          <view class="uni-list-cell-db" style="line-height: 40px;"></view>
			                          <switch checked color="#18B566" />
			                      </view>
			</view ></uni-list>
			<uni-list><h5>清除缓存</h5><h6 class="huancun">65M</h6></uni-list>
			<uni-list><h5>关于</h5><h3 class="guanyu">></h3></uni-list>
			<button type="warn" class="tuichu">退出账号</button>
			<u-switch v-model="checked"></u-switch>
			
	</view>
	
	
</template>

<script>
	/* export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
		
		}
	} */
	export default {
			data() {
				return {
					checked: false,
				};
			},
			methods: {
				 switch1Change: function (e) {
				            console.log('switch1 发生 change 事件，携带值为', e.target.value)
				        },
				        switch2Change: function (e) {
				            console.log('switch2 发生 change 事件，携带值为', e.target.value)
				        }
			}
		};
</script>

<style>
	.content {
		text-align: center;
		height: 400upx;
		margin-top: 0upx;
		color:  #808080;
	}
	.zhuti{
		padding: 0px;
		width: 100%;
		height: 500px;
		background-color: #007AFF;
		position: absolute;
		top: -100px;
	}
	.uni-list{
		height: 50px;
		margin-top: 0px;
	}
	.uni-list h5{
		line-height: 50px;
		position: absolute;
		left: 3%;
		font-weight: normal;
		color: #000000;
	}
	.qingxidu{
		position: absolute;
		right: -68%;
	}
	.tuichu{
		width: 350px;
		margin-top: 100px;
	}
	.huancun{
		position: absolute;
		left: 90%;
		line-height: 50px;
		font-weight: normal;
	}
	.guanyu{
		position: absolute;
		left: 92%;
		line-height: 50px;
		font-weight: normal;
	}
	.gaoqing{
		color: #00ff00;
		position: absolute;
		right: -85%;
	}
</style>
